<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/about.css">
    <script src="./js/load.js"></script>
    <title>一次元表象</title>
</head>

<body>

    <!-- 导航栏部分 -->
    <div class="header">
        <!-- logo -->
        <div class="logo">
            <!-- <img src="img/logo.png" alt=""> -->
            <a href="./index.html"><img src="img/logo.png" alt="脑袋停止运转啦"></a>
        </div>
        <!-- 搜索 -->
        <div class="search">
            <input type="text" placeholder="备忘录" class="stor">
            <input type="button" value="添加" class="buttonup">
            <!-- <button class="buttonup">添加</button> class="buttonup"-->
        </div>
        <!-- 用户中心 -->
        <div class="user">
            <a href="./login.html"><img src="img/id.jpg" alt=""></a>
            <span>Identity</span>
        </div>
    </div>

    <div class="home">
        <div class="content">
            <div class="stars"></div>
            <img src="./img/qx6.jpg" width="100%" alt="">
            <h3 class="title">广外咸鱼的个人信息揭秘</h3>
            <h3 class="titles">”别因行得太远，忘了我们为何出发 “ ————纪伯伦</h3>
            <!-- <img class="icon" src="./img/down.png" alt=""> -->
            <div class='ribbon'>
                <a href='./index.html'><span>咕哝首页</span></a>
                <a href='./about.html'><span>一次元表象</span></a>
                <a href='./show.html'><span>四次元内里</span></a>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="left">

            <!-- <img src="img/message.jpeg" alt=""> -->
            <label for="tou"><img src="img/message.jpeg" alt=""></label>
            <form action="php/upload.php" method="post" enctype="multipart/form-data">
                <input type="file" name="pic" value="" accept=".jpg,.png,.jpeg" id="tou">
                <input type="submit" value="上传头像" class="submit">
            </form>

            <div class="left_text">
                <ul>
                    <li><label for="">白菜名：</label>Identity</li>
                    <li><label for="">学号：</label>20201002983</li>
                    <li><label for="">班级：</label>软工2003</li>
                    <li><label for="">学校：</label>广东外语外贸大学</li>
                </ul>
            </div>
        </div>
        <div class="right">
            <table>
                <tr>
                    <td>生日：</td>
                    <td>
                        <input type="date" name="" id="" value="2022-07-18">
                    </td>
                </tr>
                <tr>
                    <td>爱好：</td>
                    <td><input type="checkbox" name="habits" checked="checked">音乐
                        <input type="checkbox" name="habits" checked="checked">阅读
                        <input type="checkbox" name="habits" checked="checked">绘画
                        <input type="checkbox" name="habits">舞蹈
                        <input type="checkbox" name="habits" checked="checked">等等
                    </td>
                </tr>
                <tr>
                    <td>自我介绍:</td>
                    <td>一个平平无奇的摆烂小天才罢了。<br>
                        能理解我的人自然理解我，<br>
                        不能懂我的人也不必懂。
                    </td>
                </tr>
            </table>
            <div class="right_text">
                <ul>
                    <li>“我还有改变的可能性，一想起这一点，我就心潮澎湃。” ——北野武</li>
                    <li>“虽是日常的情景，可因为多，也能堆积一个惊心动魄。” ——王安忆</li>
                    <li>“万人都要将火熄灭，我一人独将此火一一高高举起。” ——海子</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="remind">
        <ol class="loading">
        </ol>
        <input type="button" value="Delete" class="buttondown">
    </div>
    <!-- <div class="introduce">
            <div class="introduce_item">
                <img src="./img/xiaowangzi (2).png" alt="">
                <span
                    class="introduce_item_title">狐狸说：“对我来说，你只是一个小男孩，就像其他成千上万个小男孩一样没有什么两样。我不需要你。你也不需要我。对你来说，我也只是一只狐狸，和其他成千上万的狐狸没有什么不同。但是，如果你驯养了我，我们就会彼此需要。对我来说，你就是我的世界里独一无二的了；我对你来说，也是你的世界里的唯一了。”</span>
            </div>
            <div class="introduce_item">
                <span class="introduce_item_titles">玫瑰花：＂我并非如此的弱不禁风...夜晚的凉风对我倒有好处。我是一朵花啊。＂<br><br>
                    她天真地显露出她那四根刺，随后又说道： “别这么磨蹭了。真烦人！你既然决定离开这儿，那么，快走吧！” 她其实是不愿意让小王子看到自己哭泣。她曾经是多么高傲的一朵花……<br><br>
                    玫瑰在小王子离开时这样说，我当然爱你，没有让你感觉到，是我的不对。
                </span>
                <img  src="./img/meigui (2).png" alt="">
            </div>
        </div> -->
    </div>
    <footer class="footer">
        <h5 class="final">—————————————个人信息就展示到这里—————————————</h5>
        <h6 class="final">制作人员：郑雨蓓</h6>
    </footer>

    <!-- <script>
        window.onload = function () {
            var ipt = document.querySelector('stor');
            var set = document.querySelector('buttonup');
            var remove = document.querySelector('buttondown');

            set.addEventListener('click', function () {
                for (var i = 0; i <= ol.children.length; i++);
                var li = document.createElement('li');
                li.setAttribute('index', i);
                var index = li.getAttribute('index');
                var val = ipt.value;
                localStorage.setItem(index, val);
                // 3、把li插入ol,记录当前小圆圈的索引号
                li.innerHTML = localStorage.getItem(index, val);
                ol.appendChild(li);
            })
            remove.addEventListener('click', function () {
                for (var i = 0; i < ol.children.length; i++) {
                    localStorage.removeItem('i');
                }
            })
        }
    </script> -->
</body>

</html>